import React from "react";
import style from "./Erro.module.scss";
import { Button } from "antd";
import { appWindow } from "@tauri-apps/api/window";
interface Props {
  init: () => void; // 指定回调函数的类型
}

const Error: React.FC<Props> = ({ init }) => {
  const restart = () => {
    init();
  };
  const close = () => {
    appWindow.close();
  };
  return (
    <div className={`${style.Error} flex`} data-tauri-drag-region>
      <div className={style.ErrorCon}>
        <div className={style.waring}>
          <p>发生错误,请检查以下问题后重试:</p>
          <p>1.是否成功链接网络</p>
          <p>2.需要打开英雄联盟客户端</p>
          <p>3.需要关闭WeGame</p>
        </div>

        <div className={`${style.buttons} flex`}>
          <Button type="primary" onClick={restart}>
            重试
          </Button>
          <Button danger onClick={close}>
            关闭窗口
          </Button>
        </div>
      </div>
    </div>
  );
};

export default Error;
// function Error({ init }: ChildProps) {
//   const restart = () => {
//     init();
//   };
//   return (
//     <div>
//       错误组件
//       <button onClick={restart}>重试</button>
//     </div>
//   );
// }
